Page({
  data: {
    currentCategory: 'rules', // 默认显示“游戏规则”
    characters: [
      {
        id: 1,
        name: '梅林',
        description: '好人方的主公，他能看到除了莫德雷德之外的所有坏人，他需要在游戏中隐藏自己，给派西维尔透露信息。',
        imageUrl: 'cloud://avalon-cloud-1gg01hi5d0e8cec0.6176-avalon-cloud-1gg01hi5d0e8cec0-1330536532/images/role/1.png',
      },
      {
        id: 2,
        name: '派西维尔',
        description: '好人方的带队人，他能看到莫甘娜和梅林，但不知道谁是真正的梅林，他需要确定真正的梅林，然后带领好人方组队赢得游戏。',
        imageUrl: 'cloud://avalon-cloud-1gg01hi5d0e8cec0.6176-avalon-cloud-1gg01hi5d0e8cec0-1330536532/images/role/11.png',
      },
      {
        id: 3,
        name: '忠臣',
        description: '好人方的成员，他们只能看到自己的身份牌，需要跟随派西维尔的领导让任务成功，并且隐藏真正的梅林身份。',
        imageUrl: 'cloud://avalon-cloud-1gg01hi5d0e8cec0.6176-avalon-cloud-1gg01hi5d0e8cec0-1330536532/images/role/3.png',
      },
    ],

    badcharacters: [
      {
        id: 1,
        name: '莫甘娜',
        description: '坏人方的领头人，莫甘娜能看见除奥伯伦之外的坏人，同时他能被梅林看见，他可以被派西维尔看见，但派西维尔并不知道他的真正身份，所以可以装作自己是梅林来迷惑派西维尔。',
        imageUrl: 'cloud://avalon-cloud-1gg01hi5d0e8cec0.6176-avalon-cloud-1gg01hi5d0e8cec0-1330536532/images/role/2.png',
      },
      {
        id: 2,
        name: '刺客',
        description: '坏人方的角色，他能被梅林看见，他的任务是寻找真正的梅林，并在好人赢得三局游戏后刺杀梅林，刺杀成功则坏人胜利。',
        imageUrl: 'cloud://avalon-cloud-1gg01hi5d0e8cec0.6176-avalon-cloud-1gg01hi5d0e8cec0-1330536532/images/role/7.png',
      },
      {
        id: 3,
        name: '莫德雷德',
        description: '在忠臣里的坏人，梅林晚上看不到他，所以他隐藏在平民里，混进队伍让任务失败。',
        imageUrl: 'cloud://avalon-cloud-1gg01hi5d0e8cec0.6176-avalon-cloud-1gg01hi5d0e8cec0-1330536532/images/role/8.png',
      },
      {
        id: 4,
        name: '奥伯伦',
        description: '坏人方角色，但是他看不到他的队友，他的队友也看不到他，他能被梅林看见。',
        imageUrl: 'cloud://avalon-cloud-1gg01hi5d0e8cec0.6176-avalon-cloud-1gg01hi5d0e8cec0-1330536532/images/role/9.png',
      },
      {
        id: 5,
        name: '爪牙',
        description: '坏人方角色，能被梅林看到。',
        imageUrl: 'cloud://avalon-cloud-1gg01hi5d0e8cec0.6176-avalon-cloud-1gg01hi5d0e8cec0-1330536532/images/role/10.png',
      },
    ]
  },

  switchCategory(e) {
    const category = e.currentTarget.dataset.category;
    this.setData({
      currentCategory: category
    });
  }




});
